<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>订单管理</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="alternate icon" type="image/png" href="../assets/i/favicon.png">
    <link rel="stylesheet" href="../base-component/amazeui/css/amazeui.min.css"/>
    <link rel="stylesheet" href="../base-component/layui/css/layui.css"/>
    <link rel="stylesheet" href="../assets/css/order-list.css"/>
    <link rel="stylesheet" href="../base-component/datetimepicker/css/amazeui.datetimepicker.css"/>
	<style type="text/css" id="print-css">
        #print-parent{
            width: 210mm;
            height: auto;
        }
        .print-div{
            width: 100%;
            height: auto;
			position: relative;
        }
        .print-div-header{
            height: 8mm;
            line-height: 8mm;
            text-align: center;
            font-weight: bold;
            font-size: 18px;
        }
		.print-div-tele{
			height: 6mm;
			line-height: 6mm;
			text-align: center;
			font-weight: bold;
			font-size: 16px;
		}
        .print-div-title{
            width: 100%;
            height: 6mm;
            line-height: 6mm;
        }
        .print-div-title-left{
            float: left;
        }
        .print-div-title-right{
            float: right;
        }
        .print-div-table{
            width: 100%;
            height: auto;
            padding-top: 2mm;
        }
        .print-table{
            width: 100%;
            font-size:12px;
            color:#333333;
            border-width: 1px;
            border-color: #000;
            border-collapse: collapse;
        }
        .print-table tr{
            height: 4mm;
            line-height: 4mm;
        }
        .print-table th{
            border: 1px solid #000;
            padding: 3px;
        }
        .print-table td{
			font-weight: bold;
            padding: 2px;
            border: 1px solid #000;
        }
        .print-table-xh{
            width: 10%;
        }
        .print-table-product-name{
            width: 20%;
        }
        .print-table-product-number{
            width: 20%;
        }
        .print-table-product-price{
            width: 15%;
        }
        .print-table-product-total{
            width: 15%;
        }
        .print-div-footer{
			bottom: 0mm;
			position: absolute;
            height: 8mm;
			width: 100%;
        }
        .print-div-footer div{
            height: 8mm;
            line-height: 8mm;
            width: 20%;
            float: left;
        }
		.print-div-footer-money{
			width: 30% !important;
		}
    </style>
</head>
<body style="overflow-y: auto">
<div class="am-cf am-padding am-padding-bottom">
    <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">订单列表</strong>
    </div>
</div>
<div class="am-panel am-panel-success">
	<div class="am-panel-hd">
		<h4 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#sys-goods-list'}">
			订单列表<span class="am-icon-chevron-down am-fr" ></span>
		</h4>
	</div>
	<div id="sys-goods-list" class="am-panel-collapse am-collapse am-in">
		<div class="am-panel-bd">
				<!-- 列表数据显示 -->
				<div class="am-g" style="padding-bottom: 40px;">
					<div class="am-u-sm-12">
							<div class="am-scrollable-horizontal">
							<form method="post" class="am-form" id="sys-product-form-list-search">
		                        <div class="am-u-sm-4 am-u-md-4 am-input-group am-fl am-input-group-sm am-margin-bottom"
		                             style="padding-left: 0px;padding-right: 0px;">
		                            <input id="adminsSarchName" type="text" class="am-form-field" placeholder="请输入订单号/配送人员名称">
		                            <span class="am-input-group-btn">
		                                <button class="am-btn am-btn-primary" type="submit">搜索</button>
		                            </span>
		                        </div>
		                    </form>
							<table class="am-table am-table-striped am-table-hover am-text-sm am-text-center">
								<thead>
								<tr class="">
									<th class="am-text-truncate am-tab-width-min am-text-left">订单号</th>
									<th class="am-text-truncate am-tab-width-min am-text-center">订单状态</th>
									<th class="am-text-truncate am-tab-width-min am-text-center">实际支付金额</th>
									<th class="am-text-truncate am-tab-width-min am-text-center">下单人名称</th>
									<th class="am-text-truncate am-tab-width-min am-text-center">预计配送时间</th>
									<th class="am-text-truncate am-tab-width-min am-text-center">配送人员名称</th>
									<th class="am-text-truncate am-tab-width-min am-text-center">配送人员电话</th>
									<th class="am-text-truncate am-tab-width-min am-text-center">创建时间</th>
									<th></th>
									<!--<th class="am-text-truncate am-edit-width-min">操作<button class="am-btn am-btn-danger am-fr am-btn-xs" id="order-print-all">全部打印</button></th>-->
								</tr>
								</thead>
								<!-- 订单列表显示 -->
								<tbody id="sys-order-list-body">
								</tbody>
							</table>
						</div>
							<div id="sys-order-list-body-page" class="am-fr"></div>
					</div>
				</div>
		</div>
	</div>
</div>
<div style="display: none;">
	<div id="print-parent">
    </div>
</div>
<!-- 订单列表list -->
<script id="sysOrderListTpl" type="text/html">
	{{#  layui.each(d.msg, function(index, item){ }}
	<tr>
		<td class="am-text-truncate am-tab-width-min  am-text-left">{{ item.sn }}</td>
		<td class="am-text-truncate am-tab-width-min">{{ item.orderStatusName }}</td>
		<td class="am-text-truncate am-tab-width-min">{{ item.amountPaid }}</td>
		<td class="am-text-truncate am-tab-width-min">{{ item.memberName }}</td>
		<td class="am-text-truncate am-tab-width-min">{{ item.sendTime }}</td>
		<td class="am-text-truncate am-tab-width-min">{{ item.adminName }}</td>
		<td class="am-text-truncate am-tab-width-min">{{ item.adminPhone }}</td>
		<td class="am-text-truncate am-tab-width-min">{{ item.createDate }}</td>
		<td class="am-center">
			<div class="am-btn-group am-btn-group-xs">
				<input type="button" class="am-btn am-btn-success btn-order-list-detail" orderId="{{ item.id }}" value="详情">
			</div>
		</td>
	</tr>
	{{#  }); }}
</script>
<!-- 修改模态窗口 -->
<div class="am-modal-dialog" id="system-member-update-model" style="display: none;">
	<div class="am-u-sm-12">
		<form class="am-form" id="sys-product-form-update" data-am-validator>
			<fieldset>
				<div class="am-form-group">
					<label for="sn">订单号:</label>
					<span id="sn" ></span>
				</div>
				<div class="am-form-group">
					<label for="memberName">用户名:</label>
					<span id="memberName" ></span>
				</div>
				<div class="am-form-group">
					<label for="receiverName">收货人:</label>
					<span id="receiverName" ></span>
				</div>
				<div class="am-form-group">
					<label for="address">送货地址:</label>
					<span id="address" ></span>
				</div>
				<div class="am-form-group">
					<label for="receiverPhone">联系电话:</label>
					<span id="receiverPhone" ></span>
				</div>
				<div class="am-form-group">
					<label for="shippingMethod">配送方式:</label>
					<span id="shippingMethod" ></span>
				</div>
				<div class="am-form-group">
					<label for="orderStatus">运单状态:</label>
					<span id="orderStatus" ></span>
				</div>
				<div class="am-form-group">
					<label for="snOut">运单编号:</label>
					<span id="snOut" ></span>
				</div>
				<div class="am-form-group">
					<label for="intro">备注:</label>
					<span id="intro" ></span>
				</div>
				<div class="am-form-group">
					<label for="amountPaid">订单金额:</label>
					<span id="amountPaid" ></span>
				</div>
				
				<div class="am-form-group">
					<div id="specBox" class="am-panel am-panel-default">
						<div class="am-panel-hd">商品详情</div>
						<div class="am-panel-bd">
							<div class="am-scrollable-horizontal">
								<table class="am-table am-table-striped am-table-hover am-text-sm am-text-center">
									<thead>
									<tr>
										<!-- <th class="am-text-truncate am-tab-width-min am-text-center">商品名</th>
										<th class="am-text-truncate am-tab-width-min am-text-center">价格</th>
										<th class="am-text-truncate am-tab-width-min am-text-center">规格</th>
										<th class="am-text-truncate am-tab-width-min am-text-center">数量</th> -->
									</tr>
									</thead>
									<!-- 规格列表 -->
									<tbody id="specProduct" class="am-text-left">
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
				<div class="am-form-group am-form-group-sm am-margin-top am-padding-top">
					<button type="button" class="am-btn am-center am-btn-primary" id="modelClose">关闭</button>
				</div>

			</fieldset>
		</form>
	</div>
</div>
<!--规格模版-->
<script id="sysSpecificationValuesListTpl" type="text/html">
	{{#  layui.each(d.orderItemBeans, function(index, item){ }}
	<tr >
		<td class="am-text-truncate am-tab-width-min">{{ item.name }}</td>
		<td class="am-text-truncate am-tab-width-min">单价：{{ item.price }}</td>
	<td class="am-text-truncate am-tab-width-min">数量：{{ item.quantity }}</td>
	</tr>
	<tr>
		<td colspan="3" class="am-text-truncate am-tab-width-min">{{ item.intro }}</td>
	</tr>
	
	<tr><td colspan="3"></td></tr>
	{{#  }); }}
</script>

<script src="../base-component/jquery/jquery.min.js"></script>
<script src="../base-component/amazeui/js/amazeui.min.js"></script>
<script src="../base-component/datetimepicker/js/amazeui.datetimepicker.min.js"></script>
<script src="../base-component/jqprint/jQuery.print.js"></script>
<script src="../base-component/layui/layui.js"></script>
<script src="../base-component/layer/layer.js"></script>
<script src="../assets/js/api.js"></script>
<script src="../assets/js/system-order.js"></script>
</body>
</html>